<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>两种方式设置事件</title>
</head>
<body>
<!--命名函数设置事件: onclick鼠标单击事件,当按钮被单击后就会执行abc(),
注意:函数名不要和事件名雷同, 有on和没有on可能都不行-->
<input type="button" value="命名函数设置事件" onclick="click1()"/><br/><br/>

<!--匿名函数设置事件-->
<input id="input2" type="button" value="匿名函数设置事件"/><br/>

<script>
    // 定义函数
    function click1() {
        alert("你点我啦! 命名函数设置事件")
    }

    // 匿名函数设置事件,  document.getElementById("input2"):找到id为input2的标签
    // 当按钮被单击后就会执行onclick对应的函数
    document.getElementById("input2").onclick = function () {
        alert("你又点我啦! 匿名函数设置事件");
    }
    // 注意:标签要放在前面,这里才能通过id找到标签.
</script>

</body>
</html>